<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Document</title>
	<!--[if lt IE 7]>
		<script>alert("本页仅仅是一个示例，为了提高示例的可读性，不兼容低版本浏览器，请换高版本浏览器")</script>
	<![endif]-->
	<style>
		#box{
			position: fixed;
			width: 608px;
			height: 302px;
			top: 50%;
			left: 50%;
			margin: -151px 0 0 -304px;
		}
		#box a{
			width: 300px;
			height: 300px;
			background-color: #8EFF76;
			color: #000;
			float: left;
			margin-right: 2px;
			border: 1px solid #000;
			font-size: 48px;
			text-align: center;
			line-height: 300px;
			text-decoration: none;
		}
		#box a:hover{
			background-color: #188B00;color: #fff;
		}
		#glight{
			position: fixed;
			top: 50%;
			left: 50%;
			margin: 130px 0 0 315px;
		}
	</style>
</head>
<body>

<div id="box">
	<a href="demo/jquery.html">jQuery版</a>
	<a href="demo/glightjs.html">GlightJS版</a>
</div>
<a href="https://git.oschina.net/luchg/Glight.js" id="glight" target="_blank">什么是GlightJS？</a>
</body>
</html>